<!DOCTYPE html >
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org"
	xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3">
<head>
<meta charset="utf-8">
<title>房源详情</title>
<!-- 浏览器标签图标 -->
<link rel="shortcut icon" href="images/login.ico" type="image/x-icon" />
<!-- 引入jquery -->
<script type="text/javascript" src="js/jquery-1.12.4.js"></script>
<!-- topbar css -->
<link rel="stylesheet" type="text/css" href="css/user/common.css" />
<link rel="stylesheet" type="text/css"
	href="css/user/personalZone/my_zone.css" />
<link rel="stylesheet" type="text/css"
	href="bootstrap/css/bootstrap.min.css" />
<!-- 整体布局  -->
<link rel="stylesheet" type="text/css"
	href="css/foreground/housedetail/common.css" />
<link rel="stylesheet" type="text/css"
	href="css/foreground/housedetail/detail.css" />
<link rel="stylesheet" type="text/css" href="css/user/layer.css" />
<!-- 遮罩divcss -->
<link rel="stylesheet" type="text/css"
	href="css/foreground/housedetail/maskDiv.css" />
<link rel="stylesheet" type="text/css"
	href="css/foreground/housedetail/signln.css" />
<!-- 大小焦点图轮播js代码  -->
<script type="text/javascript" src="js/house/common.min.js"></script>
<script type="text/javascript" src="js/house/detail.min.js"></script>
<!-- 房屋信息加载  -->
<script type="text/javascript" src="js/house/houseDetail.js"></script>
<script type="text/javascript">
	$(function() {
		$("#returnBtn").click(function() {
			window.history.go(-1);
		})
	})
</script>
</head>
<body style="margin: 0px" th:inline="text">
	<div class="node_infor area">
		<!-- <a href="#"></a> &gt; <a href="#"></a> &gt; -->
	</div>
	<!-- area/用户直观可见部分开始 -->
	<div class="area clearfix">

		<!--room_detail_left/-->
		<div class="room_detail_left">
			<!-- 房源图片-轮播区域开始 -->
			<div id="lofslidecontent45" class="lof-slidecontent current_lof">
				<div class="lof-main-outer" id="cao">
					<div onclick="return false" href="javascript:;"
						class="lof-previous icon icon-prev"></div>
					<!--lof-previous -->
					<!-- 大图展示/ -->
					<ul class="lof-main-wapper lof-opacity" id="bigImg">

						<li th:each="photo,photoStat : ${photoList}"><span
							class="woshi"></span> <a href="#" class="pirobox_t6"> <img
								th:src="|http://123.207.146.44/house_images${photo.pPhotoUrl}${photo.pPhotoName}|"
								class="loadImgError" alt="海淀西二旗13号线,昌平线西二旗智学苑4居室"
								title="海淀西二旗13号线,昌平线西二旗智学苑4居室" />
						</a></li>
					</ul>
					<!-- /大图展示 -->
					<div onclick="return false" href="javascript:;"
						class="lof-next icon icon-next"></div>
					<!--lof-next -->
				</div>
				<!--lof-main-outer -->
				<div class="lof-navigator-wapper">
					<div onclick="return false" href="javascript:;"
						class="lof-previous icon icon-prev"></div>
					<!--lof-previous -->
					<div class="lof-navigator-outer">
						<!-- 小图展示/ -->
						<!-- <script type="text/javascript" th:inline="javascript">
							alert([[${photoList}]]);
						</script> -->
						<ul class="lof-navigator" id="smallImg">
							<li th:each="photo,photoStat : ${photoList}">
								<div class="lidiv">
									<img
										th:src="|http://123.207.146.44/house_images${photo.pPhotoUrl}${photo.pPhotoName}|" />
									<div class="bor_act"></div>
								</div>
							</li>
						</ul>
						<!-- /小图展示 -->
					</div>
					<!--lof-navigator-outer -->
					<div onclick="return false" href="javascript:;"
						class="lof-next icon icon-next"></div>
					<!--lof-next -->
				</div>
			</div>
			<!-- 房源图片-轮播区域结束 -->
		</div>
		<!--/room_detail_left-->


		<!--room_detail_right/-->
		<div class="room_detail_right">
			<div class="room_name">
				<h2 id="hCaption"></h2>
				<p class="pr">
					<span class="ellipsis" id="quyu"></span> <span class="price"><span
						class="room_price" id="hRent"></span><span class="gray-6">/月(季付)</span>
					</span>
				</p>
			</div>
			<div class="eventBox2016" id="eventBox2016"></div>
			<p class="room_tags clearfix">
				<span class="subway">交通便利</span> <span class="style">风格1.0 原味</span>
				<span class="balcony">独立阳台</span>
			</p>
			<ul class="detail_room">
				<li><b></b><font id="hSize"></font></li>
				<li><b></b><font id="hHeading"></font></li>
				<li><b></b><font id="hType"></font><span class="icons"
					id="hRentalMethod"></span></li>
				<li><b></b><font id="hFloor"></font></li>
				<li class="last"><b></b>位置： <span id="lineList"> <font
						id="hLocation"></font>
				</span></li>
			</ul>
			<!--/detail_room房子简单描述结束-->
			<!--从接口中获取管家信息-->
			<button type="button" class="btn btn-info"
				style="margin-left: 100px; margin-top: 100px" id="returnBtn">返回</button>
			<div class="r_fixed" id="r_fixed"></div>
			<!--/r_fixed-->

		</div>
		<!--/room_detail_right-->

	</div>
	<!--/area用户直观可见部分结束-->
</body>

</html>